// 开头轮播图
var gBanner = document.getElementById('G-banner');
var bannerImg = document.getElementById('G-banner-main');
var xyd = bannerImg.getElementsByTagName('li');
var gBox = bannerImg.getElementsByTagName('div');
console.log(gBox)
    // 小圆点
for (var i = 0; i < xyd.length; i++) {
    xyd[i].index = i;
    xyd[i].onclick = function() {
        for (var j = 0; j < xyd.length; j++) {
            xyd[j].className = '';
            gBox[j].id = '';
        }
        xyd[this.index].className = 'on';
        gBox[this.index].id = "active";
        flag = this.index;
    }
}
var flag = 0;
setInterval(function() {
    for (var j = 0; j < xyd.length; j++) {
        xyd[j].className = '';
        gBox[j].id = '';
    }
    xyd[flag].className = 'on';
    gBox[flag].id = "active";
    flag++;
    if (flag > 4) {
        flag = 0;
    }
}, 3000);

var gHot = document.getElementById('G-hot-list');
var gHotList = gHot.getElementsByTagName('li');

for (var i = 0; i < gHotList.length; i++) {
    gHotList[i].index = i;
    gHotList[i].onmouseover = function() {
        for (var j = 0; j < gHotList.length; j++) {
            gHotList[j].className = '';
        }
        gHotList[this.index].className = 'G-un';
    }
}
// 厨房电器
var ghdul = document.getElementById('G-hdul');
var ghdli = ghdul.getElementsByTagName('li');
for (var i = 0; i < ghdli.length; i++) {
    ghdli[i].index = i;
    ghdli[i].onmouseover = function() {
        for (var j = 0; j < ghdli.length; j++) {
            ghdli[j].className = '';
        }
        ghdli[this.index].className = 'on-2';
    }
}
// 热门推荐数据渲染1
console.log(jydqData);
var pageData = '';
jydqData.forEach(function(value, index) {
    pageData +=
        `<div>
            <img src="${value.proURLSrc}"  alt="">
            <p>￥${value.price.toFixed(2)}</p>
            <span>${value.product}</span>
            <a href="${value.prolink}" class="G-xiangqing">查看详情</a>
    </div>`
});
console.log(pageData);
$('.G-hot-content').html(pageData);

// 热门推荐数据渲染2
console.log(jydqData2);
var pageData2 = '';
jydqData2.forEach(function(value, index) {
    pageData2 +=
        `<div>
           <img src="${value.proURLSrc}">
           <p>￥${value.price.toFixed(2)}</p>
           <span>${value.product}</span>
           <a href="${value.prolink}" class="G-xiangqing"查看详情</a>
    </div>`

})

$('#G-hot-list li').mouseover(function() { 
    console.log(123);   
    //     $(this).css('border', '1px solid #2E84E9').css('border-bottom', '1px solid white').siblings().css('border', '1px solid #d1d1d1').css('border-bottom', '1px solid #2E84E9');    
    //     $(this).css('color', '#2E84E9').siblings().css('color', '#000');    
      
    $(this).parents('.G-hot-title').nextAll('.G-hot-content').eq($(this).index()).css('display', 'block');      
    $(this).parents('.G-hot-title').nextAll('.G-hot-content').eq($(this).index()).siblings('.G-hot-content').css('display', 'none');  
})


$('#G-hdul li').mouseover(function() {   
    //     $(this).css('border', '1px solid #2E84E9').css('border-bottom', '1px solid white').siblings().css('border', '1px solid #d1d1d1').css('border-bottom', '1px solid #2E84E9');    
    //     $(this).css('color', '#2E84E9').siblings().css('color', '#000');    
      
    $(this).parents('.G-main-title').nextAll('.G-main-m').eq($(this).index()).css('display', 'block');      
    $(this).parents('.G-main-title').nextAll('.G-main-m').eq($(this).index()).siblings('.G-main-m').css('display', 'none');  
})




// 随手购的轮播图
var a1 = 1;
var b = a1 * -1200;
$('.h-oright').click(function() {
    a1++;
    $('.h-guild1').animate({
        left: b
    }, 300);
    $('.h-xyd1').eq(1).addClass('h-xyd').siblings().removeClass('h-xyd');
})
$('.h-oleft').click(function() {
    $('.h-guild1').animate({
        left: 0
    }, 300);
    $('.h-xyd1').eq(2).addClass('h-xyd').siblings().removeClass('h-xyd');
})

// 跳楼导航
// 1.出现侧边栏
$(window).scroll(function() {
    if ($(window).scrollTop() >= $('.G-hot').offset().top) {
        $('.G-tlnav').fadeIn();
    } else {
        $('G-tlnav').fadeOut();
    };
    //对楼层导航遍历
    // console.log($('.G-main'));
    $('.G-main').each(function(key, value) {

        if ($(window).scrollTop() >= value.offsetTop - 1300) {
            $('.G-tlnav1').eq(key).css('backgroundColor', '#2984EB')
            $('.G-tlnav1').eq(key).css('color', '#fff')
                .siblings().css('backgroundColor', '#E9E9E9').css('color', '#555')
        }
    });
});
//2.点击回到顶部
$('.G-tlnav2').click(function() {
    $('html').animate({
        scrollTop: 0
    }, 500);
});